<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="jquery.jmpopups-0.5.1.js"></script>
		<script type="text/javascript">
			//<![CDATA[
				$.setupJMPopups({
					screenLockerBackground: "#003366",
					screenLockerOpacity: "0.7"
				});

				function openStaticPopup() {
					$.openPopupLayer({
						name: "myStaticPopup",
						width: 550,
						target: "myHiddenDiv"
					});
				}

				function openAjaxPopup() {
					$.openPopupLayer({
						name: "mySecondPopup",
						width: 700,
						url: "t2.php"
					});
				}
			//]]>
		</script>
		<style type="text/css" media="screen">
			body {margin:0; font-family:"Trebuchet MS"; line-height:120%; color:#333;}
			h1 {margin-bottom:50px; font-size:40px; font-weight:normal;}
			p {margin:0; padding:0 0 30px; font-size:12px;}
			pre {font-size:12px; font-family:"Consolas","Monaco","Bitstream Vera Sans Mono","Courier New","Courier"; line-height:120%; background:#F4F4F4; padding:10px;}
			#general {margin:30px;}
			
			#myHiddenDiv {display:none;}
			
			.popup {background:#FFF; border:1px solid #333; padding:1px;}
			.popup-header {height:24px; padding:7px; background:url("bgr_popup_header.jpg") repeat-x;}
			.popup-header h2 {margin:0; padding:0; font-size:18px; float:left;}
			.popup-header .close-link {float:right; font-size:11px;}
			.popup-body {padding:10px;}
			
			form {margin:0; padding:0;}
			form * {font-size:12px;}
			input {margin-bottom:12px;}
			label {display:block;}
		</style>
		<title>jmpopups - example page</title>
	</head>
	<body>

					<p><a href="javascript:;" onclick="openAjaxPopup()" title="Ajax example">Open a popup using ajax</a></p>

		<div id="general">
			<h1>jmpopups - example page</h1>
			<p>This is a page with a usage example of the library jmpopups. <br />For more details access <a href="http://jmpopups.googlecode.com" title="jmpopups" target="_blank">http://jmpopups.googlecode.com</a></p>
			
			<code>
				<pre>
$.openPopupLayer({
	name: "mySecondPopup",
	width: 550,
	target: "myHiddenDiv"
});
				</pre>
			</code>
			
			<p><a href="javascript:;" onclick="openStaticPopup()" title="Static example">Open a popup using a html content from a hidden element.</a></p>
			
			<p>Did you find some bug? Please contact me! <a href="mailto:otavioavila@gmail.com" title="Otávio Avila">otavioavila@gmail.com</a></p>
		</div>



		<div id="myHiddenDiv">
			<div class="popup">
				<div class="popup-header">
					<h2>Now an ajax example</h2>
					<a href="javascript:;" onclick="$.closePopupLayer('myStaticPopup')" title="Close" class="close-link">Close</a>
					<br clear="all" />
				</div>
				<div class="popup-body">
					<code>
						<pre>
$.openPopupLayer({
	name: "mySecondPopup",
	width: 300,
	url: "ajax_example.html"
});
asdasdsadsadsad
						</pre>
					</code>
	
					<p><a href="javascript:;" onclick="openAjaxPopup()" title="Ajax example">Open a popup using ajax</a></p>
				</div>
			</div>
		</div>



		<script type="text/javascript">
		var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
		document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
		</script>
		<script type="text/javascript">
		try {
		var pageTracker = _gat._getTracker("UA-9616654-1");
		pageTracker._trackPageview();
		} catch(err) {}</script>
	</body>
</html>